import React, { Component } from 'react';

class Category extends Component {
    constructor(props) {
        super(props)
    }
    // btnFun1() {
    //     console.log(this);
    // }
    // 箭头函数
    btnFun1 = (e) => {
        console.log(this);
        console.log(e);
        // 真正出发事件的事件源
        console.log(e.target);
        // 绑定的元素
        console.log(e.currentTarget);
    }
    aFun = (e) => {
        console.log('点击执行a元素');
        // 阻止默认事件
        e.preventDefault();
    }

    render() {
        return (
            <div>
                <h2>分类组件</h2>
                <p>
                    {/* 事件名使用驼峰式命名 */}
                    <button onClick={this.btnFun1}>点击执行函数</button>
                </p>
                <p>
                    <a href="http://www.baidu.com" onClick={this.aFun}>点击a元素</a>
                </p>
            </div>
        );
    }
}

export default Category;